<div class="box box-default">
  <div class="box-body">
    <div class="row">
      <div class="col-md-12">
        <div class="nav-tabs-custom">
          <ul class="nav nav-tabs">
            <li class="active" id="baseTab">
              <a href="#tab_1" data-toggle="tab" id="baseInfo" (click)="clearFileType()">基础信息</a>
            </li>
            <li *ngIf="operate=='edit' && _.includes(menuResourceSet,'tab-oto-khxx')" id="customerTab">
              <a href="#tab_8" data-toggle="tab" id="customerInfo" (click)="clearFileType()">客户信息</a>
            </li>
            <li *ngIf="operate=='edit'" id="attachTab">
              <a href="#tab_2" data-toggle="tab" id="attachInfo" (click)="loadFileTree()">产品文件</a>
            </li>
            <li *ngIf="operate=='edit'" id="investTab">
              <a href="#tab_7" data-toggle="tab" id="investInfo" (click)="clearFileType()">投资经理</a>
            </li>
          </ul>
          <div class="tab-content" id="11">
            <!-- 基础信息 -->
            <div class="tab-pane active" id="tab_1">
              <form class="form-horizontal" #otoAddForm="ngForm">
                <!--投资发展部维护的字段-->
                <div class="form-group">
                  <label class="col-lg-2 text-right">
                    <span class="span-style">*</span>产品名称</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="128" name="sFullName" [(ngModel)]="otoAddOrEditBody.sFullName"
                      required>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">
                    <span class="span-style">*</span>产品简称</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="128" name="sFundName" [(ngModel)]="otoAddOrEditBody.sFundName"
                      required>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">数字编码</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="20" name="sFundNumCode" [(ngModel)]="otoAddOrEditBody.sFundNumCode">
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">产品S码</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="25" name="sRecordCode" [(ngModel)]="otoAddOrEditBody.sRecordCode">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">委托人</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="250" title="{{otoAddOrEditBody.sPrincipal}}" name="sPrincipal"
                      [(ngModel)]="otoAddOrEditBody.sPrincipal">
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">委托人类型(是否资管产品)</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sPrincipalType" [(ngModel)]="otoAddOrEditBody.sPrincipalType" (ngModelChange)="otoIsPrincipalType()">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">前端产品代码</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="20" id="sFrontendCode" name="sFrontendCode" [(ngModel)]="otoAddOrEditBody.sFrontendCode"
                      disabled>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">前端产品名称</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="25" id="sFrontendName" name="sFrontendName" [(ngModel)]="otoAddOrEditBody.sFrontendName"
                      disabled>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">托管人</label>
                  <div class="col-lg-3">
                    <!-- <input class="form-control form-fields" type="text" maxlength="500" [(ngModel)]="otoAddOrEditBody.sTrustee" name="sTrustee"> -->
                    <select class="form-control select2" maxlength="25" id="sTrusteeSelected" [(ngModel)]="otoAddOrEditBody.sTrustee" name="sTrustee">
                      <option [value]="''">--请选择--</option>
                      <option [value]="item.sItemValue" *ngFor="let item of distionary.TRUSTEE">{{item.sItemValue}}</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">托管人统一社会信用编码 </label>
                  <div class="col-lg-3 text-right">
                    <input class="form-control form-fields" type="text" maxlength="25" [(ngModel)]="otoAddOrEditBody.sTrusteeSociologyCode" name="sTrusteeSociologyCode">
                  </div>
                </div>

                <div class="form-group" style="margin-top:10px">
                  <label class="col-lg-2 text-right">产品研究员</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" name="sResearcher" type="text" maxlength="25" [(ngModel)]="otoAddOrEditBody.sResearcher">
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">销售员</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" name="sSalesman" type="text" maxlength="25" [(ngModel)]="otoAddOrEditBody.sSalesman">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">产品类型</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" placeholder="一对一专户" name="sFundType" type="text" disabled>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">产品类别</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sFundCategory" [(ngModel)]="otoAddOrEditBody.sFundCategory">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.NEW_FUND_CATEGORY">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">核心表产品类型</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sKernelType" [(ngModel)]="otoAddOrEditBody.sKernelType">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.KERNEL_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">生效日</label>
                  <div class="col-lg-3">
                    <div class="input-group date form_datetime">
                      <span class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </span>
                      <input class="form-control" type="text" mwlFlatpickr [ngModelOptions]="{standalone: true}" style="background: white; cursor: pointer;"
                        [(ngModel)]="otoAddOrEditBody.dEffective">
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">备案日</label>
                  <div class="col-lg-3">
                    <div class="input-group date form_datetime">
                      <span class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </span>
                      <input class="form-control" type="text" mwlFlatpickr [ngModelOptions]="{standalone: true}" style="background: white; cursor: pointer;"
                        [(ngModel)]="otoAddOrEditBody.dRecord">
                    </div>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">是否结构化</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsStructure" [(ngModel)]="otoAddOrEditBody.sIsStructure">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">是否保本</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsBreakeven" [(ngModel)]="otoAddOrEditBody.sIsBreakeven">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">是否开放申赎</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsProductopen" [(ngModel)]="otoAddOrEditBody.sIsProductopen">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                </div>

                <div class="form-group" style="margin-top:10px">
                  <label class="col-lg-2 text-right">是否通道类专户</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsAisle" [(ngModel)]="otoAddOrEditBody.sIsAisle" (change)="otoIsAisle()">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">是否专项</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsItem" [(ngModel)]="otoAddOrEditBody.sIsItem">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                </div>

                <div class="form-group" style="margin-top:10px">
                  <label class="col-lg-2 text-right">是否资产证券化业务</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsProperty" [(ngModel)]="otoAddOrEditBody.sIsProperty">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">是否非标产品</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsNostandard" [(ngModel)]="otoAddOrEditBody.sIsNostandard">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                </div>

                <div class="form-group" style="margin-top:10px">
                  <label class="col-lg-2 text-right">是否挂牌转让</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsHand" [(ngModel)]="otoAddOrEditBody.sIsHand">
                        <option [value]="''">--请选择--</option>
                        <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.ATTORN">{{item.sItemValue}}</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">是否FOF</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsFof" [(ngModel)]="otoAddOrEditBody.sIsFof">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                </div>

                <div class="form-group" style="margin-top:10px">
                  <label class="col-lg-2 text-right">是否参与股票质押业务</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsStockpledge" [(ngModel)]="otoAddOrEditBody.sIsStockpledge">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">提供投资建议的第三方机构</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" disabled type="text" maxlength="25" id="sCapitalpro" name="sCapitalpro" [(ngModel)]="otoAddOrEditBody.sCapitalpro">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">提供投资建议的第三方机构类型</label>
                  <div class="col-lg-3">
                    <select class="form-control" disabled id="sCapitalproType" name="sCapitalproType" [(ngModel)]="otoAddOrEditBody.sCapitalproType">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.CAPITALPRO_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">单一项目或证券是否支付固定利率</label>
                  <div class="col-lg-3">
                    <select class="form-control" id="sOnlyPayerfixed" name="sOnlyPayerfixed" [(ngModel)]="otoAddOrEditBody.sOnlyPayerfixed">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.ONLY_PAYERFIXED">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">单一项目或证券固定利率</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" [min]="0" maxlength="9" #sOnlyFixedrate="ngModel" id="sOnlyFixedrate"
                      name="sOnlyFixedrate" [(ngModel)]="otoAddOrEditBody.sOnlyFixedrate">
                    <p *ngIf="sOnlyFixedrate.errors?.min" class="errorTip">请输入正数</p>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">预警线</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="25" [(ngModel)]="otoAddOrEditBody.sFthreshold" name="sFthreshold">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">平仓线</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="25" [(ngModel)]="otoAddOrEditBody.sCloseout" name="sCloseout">
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">管理费率(%)</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" maxlength="2000" [(ngModel)]="otoAddOrEditBody.sManagementFee" name="sManagementFee"
                      [attr.title]="otoAddOrEditBody.sManagementFee">
                    <!-- <input class="form-control form-fields" [min]="0" maxlength="50" #sManagementFee="ngModel" [(ngModel)]="otoAddOrEditBody.sManagementFee"
                      name="sManagementFee">
                    <p *ngIf="sManagementFee.errors?.min" class="errorTip">请输入正数</p> -->
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">托管费率(%)</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" maxlength="2000" [(ngModel)]="otoAddOrEditBody.sTrusteeFee" name="sTrusteeFee" [attr.title]="otoAddOrEditBody.sTrusteeFee">
                    <!-- <input class="form-control form-fields" [min]="0" maxlength="50" #sTrusteeFee="ngModel" [(ngModel)]="otoAddOrEditBody.sTrusteeFee"
                      name="sTrusteeFee">
                    <p *ngIf="sTrusteeFee.errors?.min" class="errorTip">请输入正数</p> -->
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">其他费率(%)</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" [min]="0" maxlength="50" [(ngModel)]="otoAddOrEditBody.sOtherFee" name="sOtherFee">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">业绩比较基准</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" maxlength="2000" type="text" title="{{otoAddOrEditBody.sBenchmark}}" [(ngModel)]="otoAddOrEditBody.sBenchmark"
                      name="sBenchmark">
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">业绩报酬</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" maxlength="2000" type="text" title="{{otoAddOrEditBody.sCarriedInterest}}" [(ngModel)]="otoAddOrEditBody.sCarriedInterest"
                      name="sCarriedInterest">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">估值方法</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sValuationMethod" [(ngModel)]="otoAddOrEditBody.sValuationMethod">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.VALUATION_METHOD">{{item.sItemValue}}</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">是否存在预期年化收益率</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsIncomerate" [(ngModel)]="otoAddOrEditBody.sIsIncomerate">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                </div>
                <!--我是分割线-->
                <div style="border-top: 4px solid rgb(182, 180, 180);width:85%;margin-left:7%;margin-bottom:15px"></div>
                <!--我是分割线-->
                <!--客销部维护的字段-->
                <div class="form-group">
                  <label class="col-lg-2 text-right">产品代码</label>
                  <div class="col-lg-3">
                    <input class="form-control" type="text" id="sFundCode" maxlength="20" [(ngModel)]="otoAddOrEditBody.sFundCode" name="sFundCode">
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">托管户开户行</label>
                  <div class="col-lg-3">
                    <!-- <select class="form-control" type="text" [(ngModel)]="otoAddOrEditBody.sBank" name="sBank">
                        <option [value]="''" selected="selected">--请选择--</option>
                        <option [value]="item.sInstiCode" *ngFor="let item of bankDictionaryList">{{item.sShortName}}</option>
                      </select> -->
                    <input class="form-control" type="text" maxlength="32" [(ngModel)]="otoAddOrEditBody.sBank" name="sBank">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">实际出资人</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="25" [(ngModel)]="otoAddOrEditBody.sLp" name="sLp">
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">起始运作日期</label>
                  <div class="col-lg-3">
                    <div class="input-group date form_datetime">
                      <span class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </span>
                      <input class="form-control" type="text" id="dBegin" mwlFlatpickr [ngModelOptions]="{standalone: true}" [(ngModel)]="otoAddOrEditBody.dBegin"
                        style="background: white; cursor: pointer;" (ngModelChange)="countMonth()">
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">到期日</label>
                  <div class="col-lg-3">
                    <div class="input-group date form_datetime">
                      <span class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </span>
                      <input class="form-control" type="text" id="dEnd" mwlFlatpickr [ngModelOptions]="{standalone: true}" [(ngModel)]="otoAddOrEditBody.dEnd"
                        style="background: white; cursor: pointer;">
                    </div>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">是否自动续约</label>
                  <div class="col-lg-3">
                    <select class="form-control" name="sIsRenewal" [(ngModel)]="otoAddOrEditBody.sIsRenewal">
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">无固定期限:</label>
                  <div class="col-lg-3">
                    <div class="radio radio-info radio-inline">
                      <input type="radio" id="inlineRadio1" value="1" [(ngModel)]="otoAddOrEditBody.sIsContractPeriod" name="sIsContractPeriod"
                        (ngModelChange)="IsContractPeriod()">
                      <label for="inlineRadio1">是</label>
                    </div>
                    <div class="radio radio-info radio-inline">
                      <input type="radio" id="inlineRadio2" value="0" [(ngModel)]="otoAddOrEditBody.sIsContractPeriod" name="sIsContractPeriod"
                        (ngModelChange)="IsContractPeriod()">
                      <label for="inlineRadio2">否</label>
                    </div>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">合同期限(月)</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields limit" [min]="0" maxlength="9" digits #nContractPeriod="ngModel" id="nContractPeriod"
                      [(ngModel)]="otoAddOrEditBody.nContractPeriod" name="nContractPeriod" (ngModelChange)="countMonth()">
                    <p *ngIf="nContractPeriod.errors?.digits" class="errorTip">请输入正整数</p>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">起始规模(亿元)</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" [min]="0" maxlength="50" #sFoundedSize="ngModel" [(ngModel)]="otoAddOrEditBody.sFoundedSize"
                      name="sFoundedSize">
                    <p *ngIf="sFoundedSize.errors?.min" class="errorTip">请输入正数</p>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">估值表</label>
                  <div class="col-lg-3">
                    <select class="form-control" type="text" [(ngModel)]="otoAddOrEditBody.sValuationTable" name="sValuationTable">
                      <option [value]="''" selected="selected">无</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.VALUATION_TABLE">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">收益分配条款</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" type="text" maxlength="25" [(ngModel)]="otoAddOrEditBody.sBenefitAllocation" name="sBenefitAllocation">
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">净值位数</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="otoAddOrEditBody.nValueDec" name="nValueDec">
                      <option [value]="''" selected="selected">--请选择--</option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.VALUE_DEC">{{item.sItemValue}}</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">终止方式</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="otoAddOrEditBody.sStopType" name="sStopType" disabled>
                      <option [value]="''" selected="selected"></option>
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.STOP_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>
                  <div class="col-lg-1"></div>
                  <label class="col-lg-2 text-right">终止日期</label>
                  <div class="col-lg-3">
                    <div class="input-group date form_datetime">
                      <span class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </span>
                      <input class="form-control" type="text" mwlFlatpickr [ngModelOptions]="{standalone: false}" [(ngModel)]="otoAddOrEditBody.dStop"
                        name="dStop" style="background: #eee; cursor: pointer;" disabled>
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-lg-2 text-right">终止原因</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" maxlength="250" [attr.title]="otoAddOrEditBody.sStopReason" [(ngModel)]="otoAddOrEditBody.sStopReason"
                      name="sStopReason" type="text" disabled>
                  </div>
                </div>
                <!--我是分割线-->
                <div style="border-top: 1px solid #ddd;width:85%;margin-left:7%;margin-bottom:15px"></div>
                <!--我是分割线-->

                <div class="form-group">
                  <label class="col-lg-2 text-right">备注</label>
                  <div class="col-lg-9">
                    <textarea [(ngModel)]="otoAddOrEditBody.sRemark" maxlength="2000" name="sRemark" cols="20" rows="5" style="width:100%"></textarea>
                  </div>
                </div>

                <div class="form-group">
                  <div class="col-lg-1 col-lg-offset-5">
                    <!--未成立新增-->
                    <button *ngIf="operate=='add'&& index=='new' && _.includes(menuResourceSet,'btn-oto-add')" type="button" class="btn btn-primary"
                      (click)="otoAddOrEditBasicInfo('add')" [disabled]="sOnlyFixedrate.errors?.min || nContractPeriod.errors?.digits || sFoundedSize.errors?.min">
                      <i class="fa fa-save"></i>保存
                    </button>
                    <!--未成立修改-->
                    <button *ngIf="operate=='edit' && index=='wcl'&&_.includes(menuResourceSet,'btn-oto-save-jcxx')" type="button" class="btn btn-primary"
                      (click)="otoAddOrEditBasicInfo('edit')" [disabled]="sOnlyFixedrate.errors?.min || nContractPeriod.errors?.digits || sFoundedSize.errors?.min">
                      <i class="fa fa-save"></i>保存
                    </button>
                    <!--已成立未运作修改-->
                    <button *ngIf="operate=='edit' && index=='yclwyz'&&_.includes(menuResourceSet,'btn-oto-save-jcxx')" type="button" class="btn btn-primary"
                      (click)="otoCheckProductEdit()" [disabled]="sOnlyFixedrate.errors?.min || nContractPeriod.errors?.digits || sFoundedSize.errors?.min">
                      <i class="fa fa-save"></i>保存
                    </button>
                    <!--已成立已运作修改-->
                    <button *ngIf="operate=='edit' && index=='yclyyz'&&_.includes(menuResourceSet,'btn-oto-save-jcxx')" type="button" class="btn btn-primary"
                      (click)="otoCheckProductEdit()" [disabled]="sOnlyFixedrate.errors?.min || nContractPeriod.errors?.digits || sFoundedSize.errors?.min">
                      <i class="fa fa-save"></i>保存
                    </button>
                  </div>
                </div>
              </form>
            </div>
            <!-- 产品文件 -->
            <div class="tab-pane" id="tab_2">
              <!-- 折叠 -->
              <div class="row">
                <div class="col-md-12">
                  <!-- Custom Tabs 1-1-->
                  <div class="nav-tabs-custom remove-border">
                    <ul class="nav nav-tabs ul-change" style="border-bottom-width: 0px;">
                      <li id="cpfaYDY_List" *ngIf="_.includes(activeFileList,'cpfaYDY')">
                        <a id="cpfaYDY_Content" href="#tab_9" data-toggle="tab">产品方案</a>
                      </li>
                      <li id="flwjYDY_List" *ngIf="_.includes(activeFileList,'flwjYDY')">
                        <a id="flwjYDY_Content" href="#tab_10" data-toggle="tab">法律文件</a>
                      </li>
                      <li id="baYDY_List" *ngIf="_.includes(activeFileList,'baYDY')">
                        <a id="baYDY_Content" href="#tab_11" data-toggle="tab">备案</a>
                      </li>
                      <li id="bcxyYDY_List" *ngIf="_.includes(activeFileList,'bcxyYDY')">
                        <a id="bcxyYDY_Content" href="#tab_12" data-toggle="tab">补充协议</a>
                      </li>
                      <li id="zhxxYDY_List" *ngIf="_.includes(activeFileList,'zhxxYDY')">
                        <a id="zhxxYDY_Content" href="#tab_13" data-toggle="tab">账户信息</a>
                      </li>
                      <li id="tzxxYDY_List" *ngIf="_.includes(activeFileList,'tzxxYDY')">
                        <a id="tzxxYDY_Content" href="#tab_14" data-toggle="tab">投资信息</a>
                      </li>
                      <li id="qsxxYDY_List" *ngIf="_.includes(activeFileList,'qsxxYDY')">
                        <a id="qsxxYDY_Content" href="#tab_15" data-toggle="tab">清算信息</a>
                      </li>
                      <li id="khfjYDY_List" *ngIf="_.includes(activeFileList,'khfjYDY')">
                        <a id="khfjYDY_Content" href="#tab_17" data-toggle="tab">客户附件</a>
                      </li>
                      <li id="qtYDY_List" *ngIf="_.includes(activeFileList,'qtYDY')">
                        <a id="qtYDY_Content" href="#tab_16" data-toggle="tab">其他</a>
                      </li>
                      <li id="history_List" *ngIf="_.includes(activeFileList,'historyYDY')">
                        <a id="history_Content" href="#tab_18" data-toggle="tab">历史附件</a>
                      </li>
                    </ul>
                    <div class="tab-content" id="12" style="padding:0px !important">
                      <!-- 产品方案开始 -->
                      <div class="tab-pane" id="tab_9">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of cpfaYDYDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'cpfaYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'cpfaYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'cpfaYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 产品方案结束 -->
                      <!-- 法律文件开始 -->
                      <div class="tab-pane" id="tab_10">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of flwjYDYDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'flwjYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'flwjYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'flwjYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 法律文件结束 -->
                      <!-- 备案开始 -->
                      <div class="tab-pane" id="tab_11">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of baYDYDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'baYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'baYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'baYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 备案结束 -->
                      <!-- 补充协议开始 -->
                      <div class="tab-pane" id="tab_12">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of bcxyYDYDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'bcxyYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'bcxyYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'bcxyYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 补充协议结束 -->
                      <!-- 账户信息开始 -->
                      <div class="tab-pane" id="tab_13">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of zhxxYDYDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'zhxxYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'zhxxYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'zhxxYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 账户信息结束 -->
                      <!-- 投资信息开始 -->
                      <div class="tab-pane" id="tab_14">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of tzxxYDYDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'tzxxYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'tzxxYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'tzxxYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 投资信息结束 -->
                      <!-- 清算信息开始 -->
                      <div class="tab-pane" id="tab_15">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of qsxxYDYDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'qsxxYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'qsxxYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'qsxxYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 清算信息结束 -->
                      <!-- 客户附件开始 -->
                      <div class="tab-pane" id="tab_17">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of khfjYDYDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'khfjYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'khfjYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'khfjYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 客户附件结束 -->
                      <!-- 其他开始 -->
                      <div class="tab-pane" id="tab_16">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of qtYDYDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'qtYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'qtYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'qtYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 其他结束 -->
                      <!-- 历史附件开始 -->
                      <div class="tab-pane" id="tab_18">
                        <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                          <thead>
                            <tr>
                              <th class="width-20">附件类型</th>
                              <th class="width-25">附件名</th>
                              <th class="width-10">附件类型</th>
                              <th class="width-12">上传者</th>
                              <th class="width-15">上传时间</th>
                              <th class="width-13">操作</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr *ngFor="let item of historyDataList">
                              <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="width:220px; background-color:white; border:0.1px solid #E9E9E9">
                                {{item.sType}}
                                <a *ngIf="index!=='yzz'" title="点击新增" (click)="addSubTreeItem(item,'historyYDY')">
                                  <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                </a>
                              </td>
                              <td class="short_name" [attr.title]="item.sAttachName">
                                <span *ngIf="item.editStatus==0&&index!=='yzz'">
                                  <a (dblclick)="editFileName(item,'historyYDY')">{{item.sAttachName}}</a>
                                </span>
                                <span *ngIf="item.editStatus==0&&index=='yzz'">{{item.sAttachName}}</span>
                                <div *ngIf="item.editStatus==1">
                                  <div class="input-group">
                                    <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                    <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                    <a class="input-group-addon" (click)="cancelEditFileName(item,'historyYDY')">取消</a>
                                  </div>
                                </div>
                              </td>
                              <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                              <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                              <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                              <td>
                                <a *ngIf="index!=='yzz'&&index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                  <i class="glyphicon glyphicon-open"></i>
                                </a>
                                <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                  <i class="glyphicon glyphicon-download-alt"></i>
                                </a>
                                <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                  <i class="glyphicon glyphicon-list-alt"></i>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                      <!-- 历史附件结束 -->
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 投资经理 -->
            <div class="tab-pane" id="tab_7">
              <div style="overflow-x:scroll;">
                <table id="example2" class="table table-bordered table-keep-line table-hover table-striped">
                  <thead>
                    <tr>
                      <th class="width-20" (click)="orderData('sManagerName')">投资经理名称<i class="fa fa-sort"></i></th>
                      <th class="width-20" (click)="orderData('sType')">类别<i class="fa fa-sort"></i></th>
                      <th class="width-10" (click)="orderData('sIsAssistant')">是否助理<i class="fa fa-sort"></i></th>
                      <th class="width-10" (click)="orderData('sIsReport')">是否报客户<i class="fa fa-sort"></i></th>
                      <th class="width-10" (click)="orderData('sHaveAttach')">是否有附件<i class="fa fa-sort"></i></th>
                      <th class="width-15" (click)="orderData('dBegin')">开始日期<i class="fa fa-sort"></i></th>
                      <th class="width-15" (click)="orderData('dEnd')">结束日期<i class="fa fa-sort"></i></th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let item of otoManagerList" style="text-align: center; vertical-align: middle; ">
                      <td class="short_name" [attr.title]="item.sManagerName">{{item.sManagerName}}</td>
                      <td class="short_name" [attr.title]="item.sType">{{item.sType}}</td>
                      <!-- <td>
                        <span title="是" *ngIf="item.sIsAssistant==1">是</span>
                        <span title="否" *ngIf="item.sIsAssistant==0 || item.sIsAssistant==null">否</span>
                      </td>
                      <td>
                        <span *ngIf="item.sIsReport==1">是</span>
                        <span *ngIf="item.sIsReport==0 || item.sIsReport==null">否</span>
                      </td>
                      <td>
                        <span *ngIf="item.sHaveAttach==1">是</span>
                        <span *ngIf="item.sHaveAttach==0 || item.sHaveAttach==null">否</span>
                      </td> -->
                      <td class="short_name" [attr.title]="item.sIsAssistant">{{item.sIsAssistant}}</td>
                      <td class="short_name" [attr.title]="item.sIsReport">{{item.sIsReport}}</td>
                      <td class="short_name" [attr.title]="item.sHaveAttach">{{item.sHaveAttach}}</td>
                      <td class="short_name" [attr.title]="item.dBegin">{{item.dBegin}}</td>
                      <td class="short_name" [attr.title]="item.dEnd">{{item.dEnd}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class="box-footer clearfix">
                <app-pagination [currentPageNum]="otoManagerListPageInfo.currentPageNum" [pagesShow]="" [totalPages]="otoManagerListPageInfo.totalPages"
                  (pageChanged)="otoManagerPageNavigation($event)">
                  <div class="pull-left pagination-detail" data-pagination-additional="true">
                    <span class="pagination-info">
                      当前显示第{{otoManagerListPageInfo.startRow}}到第{{otoManagerListPageInfo.endRow}}条，总共{{otoManagerListPageInfo.total}}条，
                    </span>
                    <span class="page-list">
                      每页记录
                      <span class="btn-group dropup">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                          <span class="page-size">{{otoManagerListPageInfo.pageSize}}</span>
                          <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                          <li *ngFor="let i of otoManagerListPageInfo.pageList" role="menuitem" [class.active]="otoManagerListPageInfo.pageSize === i"
                            (click)="otoManagerPagesizeChange(i)">
                            <a>{{i}}</a>
                          </li>
                        </ul>
                      </span>条
                    </span>
                  </div>
                </app-pagination>
              </div>
            </div>
            <!-- 客户信息 -->
            <div class="tab-pane" id="tab_8">
              <form class="form-horizontal">
                <div class="form-group">
                  <label class="col-lg-2 text-right">委托人:</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" maxlength="250" title="{{otoCustomerBody.sPrincipal}}" [(ngModel)]="otoCustomerBody.sPrincipal"
                      name="sPrincipal" type="text" disabled>
                  </div>
                  <label class="col-lg-2 text-right">委托人类型:</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="otoCustomerBody.sPrincipalType" name="sPrincipalType">
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.PRINCIPAL_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>

                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">委托人证件类型:</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="otoCustomerBody.sCtcType" name="sCtcType">
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.PRINCIPAL_CTC_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>
                  <label class="col-lg-2 text-right">委托人证件号码:</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" pattern="^[A-Za-z0-9]+$" #sCtcNo="ngModel" maxlength="50" [(ngModel)]="otoCustomerBody.sCtcNo"
                      name="sCtcNo" type="text">
                    <p *ngIf="sCtcNo.errors" class="errorTip">请输入数字或字母</p>
                  </div>

                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">委托人证件有效期:</label>
                  <div class="col-lg-2">
                    <div class="input-group date form_datetime">
                      <input class="form-control" type="text" mwlFlatpickr [ngModelOptions]="{standalone: true}" [(ngModel)]="otoCustomerBody.dCtcValid"
                        id="dCtcValid" name="dCtcValid" style="background: white; cursor: pointer;">
                    </div>

                  </div>
                  <div class="col-lg-1">
                    <div class="checkbox checkbox-primary">
                      <input [(ngModel)]="otoCustomerBody.sIsctcLongtime" name="sIsctcLongtime" type="checkbox" id="checkbox-time" (ngModelChange)="ctcLongtime()">
                      <label>长期</label>
                    </div>
                  </div>
                  <label class="col-lg-2 text-right">资金来源:</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="otoCustomerBody.sCapitanSource" name="sCapitanSource">
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.CAPITAN_SOURCE">{{item.sItemValue}}</option>
                    </select>
                  </div>

                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right" maxlength="25">法人:</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" maxlength="25" [(ngModel)]="otoCustomerBody.sLegalPerson" name="sLegalPerson" type="text">
                  </div>
                  <label class="col-lg-2 text-right">法人证件类型:</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="otoCustomerBody.sLegalCtcType" name="sLegalCtcType">
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.CERTIFICATE_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>

                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">法人证件号码:</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" pattern="^[A-Za-z0-9]+$" #sLegalCtcNo="ngModel" maxlength="50" [(ngModel)]="otoCustomerBody.sLegalCtcNo"
                      name="sLegalCtcNo" type="text">
                    <p *ngIf="sLegalCtcNo.errors" class="errorTip">请输入数字或字母</p>
                  </div>
                  <label class="col-lg-2 text-right">法人证件有效期:</label>
                  <div class="col-lg-2">
                    <div class="input-group date form_datetime">
                      <input class="form-control" [(ngModel)]="otoCustomerBody.dLegalCtcValid" name="dLegalCtcValid" type="text" mwlFlatpickr [ngModelOptions]="{standalone: true}"
                        id="dLegalCtcValid" style="background: white; cursor: pointer;">
                    </div>
                  </div>
                  <div class="col-lg-1">
                    <div class="checkbox checkbox-primary">
                      <input [(ngModel)]="otoCustomerBody.sIslcLongtime" name="sIslcLongtime" type="checkbox" id="checkbox-time" (ngModelChange)="lcLongtime()">
                      <label>长期</label>
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right" maxlength="50">经办人:</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" maxlength="25" [(ngModel)]="otoCustomerBody.sAgent" name="sAgent" type="text">
                  </div>
                  <label class="col-lg-2 text-right">经办人证件类型:</label>
                  <div class="col-lg-3">
                    <select class="form-control" [(ngModel)]="otoCustomerBody.sAgentCtcType" name="sAgentCtcType">
                      <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.CERTIFICATE_TYPE">{{item.sItemValue}}</option>
                    </select>
                  </div>

                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">经办人证件号码:</label>
                  <div class="col-lg-3">
                    <input class="form-control form-fields" pattern="^[A-Za-z0-9]+$" #sAgentCtcNo="ngModel" maxlength="50" [(ngModel)]="otoCustomerBody.sAgentCtcNo"
                      name="sAgentCtcNo" type="text">
                    <p *ngIf="sAgentCtcNo.errors" class="errorTip">请输入数字或字母</p>
                  </div>
                  <label class="col-lg-2 text-right">经办人证件有效期:</label>
                  <div class="col-lg-2">
                    <div class="input-group date form_datetime">
                      <input class="form-control" type="text" mwlFlatpickr [ngModelOptions]="{standalone: true}" [(ngModel)]="otoCustomerBody.dAgentCtcValid"
                        id="dAgentCtcValid" name="dAgentCtcValid" style="background: white; cursor: pointer;">
                    </div>
                  </div>
                  <div class="col-lg-1">
                    <div class="checkbox checkbox-primary">
                      <input [(ngModel)]="otoCustomerBody.sIsacLongtime" name="sIsacLongtime" type="checkbox" id="checkbox-time" (ngModelChange)="acLongtime()">
                      <label>长期</label>
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-lg-2 text-right">客户备注</label>
                  <div class="col-lg-8">
                    <textarea name="" cols="20" rows="5" maxlength="250" [(ngModel)]="otoCustomerBody.sRemark" name="sRemark" style="width:100%"></textarea>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-lg-1 col-lg-offset-5">
                    <button [disabled]="sLegalCtcNo.errors||sCtcNo.errors||sAgentCtcNo.errors" *ngIf="index!='yzz' && index!='zh' && _.includes(menuResourceSet,'btn-oto-save-khxx')"
                      type="button" class="btn btn-primary" (click)="otoAddOrEditCustomer()">
                      <i class="fa fa-save"></i>保存</button>
                  </div>
                  <div class="col-lg-1">
                    <button type="button" class="btn btn-primary" *ngIf="index!='zh' && _.includes(menuResourceSet,'btn-oto-export-khxx')" (click)="exportInfo(otoAddOrEditBody.nFundNo)">
                      <i class="fa fa-sign-out"></i>导出</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>



<!-- 上传资料 start -->
<div class="modal fade" id="uploadModel">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button (click)="clearFileQueue()" type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">上传文件</h4>
      </div>
      <div class="modal-body">
        <form class="form-inline">
          <div class="form-group">
            <label for="fileInput">请选择要上传的文件：</label>
            <input type="file" name="file" title="{{fileName}}" class="form-control filenamex" id="fileInput" (change)="getFileName($event.target.value)"
              ng2FileSelect [uploader]="uploader" (change)="selectedFileOnChanged($event)">
            <!-- 选择文件默认支持选择单个文件，如需支持文件多选，请在标签中添加multiple属性 -->
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" (click)="clearFileQueue()" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary" [disabled]="!fileStatus" (click)="uploadFile()">上传</button>
      </div>
    </div>
  </div>
</div>
<!-- 历史附件modal -->
<div class="modal fade in" id="detail-his-list" style="display: none; padding-left: 0px;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button class="close" data-dismiss="modal">×</button>
        <h4>历史附件</h4>
      </div>
      <div class="modal-body" id="fileVersionListModalBody">
        <div class="bootstrap-table">
          <div class="fixed-table-toolbar"></div>
          <div class="fixed-table-container" style="padding-bottom: 0px;">
            <div class="fixed-table-header" style="display: none;">
              <table></table>
            </div>
            <div class="modal-body" id="fileVersionListModalBody">
              <div class="bootstrap-table">
                <div class="fixed-table-toolbar"></div>
                <div class="fixed-table-container" style="padding-bottom: 0px;">
                  <div class="fixed-table-header" style="display: none;">
                    <table></table>
                  </div>
                  <div class="fixed-table-body">
                    <table id="fileVersion-listTable" class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                      <thead>
                        <tr>
                          <th class="width-20">附件类型</th>
                          <th class="width-25">附件名</th>
                          <th class="width-10">附件类型</th>
                          <th class="width-12">上传者</th>
                          <th class="width-15">上传时间</th>
                          <th class="width-13">操作</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr data-index="0" *ngFor="let item of fileHistoryData">
                          <td class="short_name" [attr.title]="item.sAttachType">{{item.sAttachType}}</td>
                          <td class="short_name" [attr.title]="item.sAttachName">{{item.sAttachName}}</td>
                          <td class="short_name" [attr.title]="item.fileType">{{item.fileType}}</td>
                          <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                          <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                          <td>
                            <a (click)="downLoadFile(item)" class="glyphicon glyphicon-download-alt downloadlink fileVersion-list-glyphicon" target="_blank"
                              title="下载" alt="下载"></a>
                            <a *ngIf="index!=='yzz'" (click)="delFile(item)" class="glyphicon glyphicon-trash fileVersion-list-glyphicon" href="javascript:void(0)"
                              title="删除" alt="删除"></a>
                          </td>
                        </tr>

                      </tbody>
                    </table>
                  </div>
                  <div class="fixed-table-footer" style="display: none;">
                    <table>
                      <tbody>
                        <tr></tr>
                      </tbody>
                    </table>
                  </div>
                </div>
                <div class="fixed-table-footer" style="display: none;">
                  <table>
                    <tbody>
                      <tr></tr>
                    </tbody>
                  </table>
                </div>

              </div>
            </div>
            <div class="clearfix"></div>
          </div>
          <div class="modal-footer">
            <div class="form-group">
              <div class="col-sm-4 col-sm-offset-3">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- end历史附件modal -->


    <!-- 文件上传进度 -->
    <div class="modal fade" id="progress">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">

          </div>
          <div class="modal-body">
            <form class="form-inline" style="text-align:center;">
              <div style="margin-top:35px;margin-bottom:35px;">文件上传中...</div>
            </form>
          </div>
          <div class="modal-footer">

          </div>
        </div>
      </div>
      <!-- nav-tabs-custom -->
    </div>
    <!-- /.col -->
  </div>
</div>